<template>
  <div class="Global-Page">
    <header ref="Global-Header" class="Global-Page-header" v-if="showHeader">
      <p class="Global-Page-header-title">标题</p>
      <p class="Global-Page-header-tips">tips</p>
    </header>
    <main ref="Global-Main" class="Global-Page-main">
      <slot name="default"></slot>
    </main>
  </div>
</template>
<script setup>

defineProps({
  showHeader: Boolean,
  title: String,
  tips: String,
});

</script>

<style>
.Global-Page-header {
  background: white;
  padding: 10px 15px;
}

.Global-Page-header-title {
}

.Global-Page-header-tips {
}

.Global-Page-main {
  padding: 20px;
  overflow: overlay;
}
</style>
